<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>瓢城旅行社--响应式</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>

<header id="header">
	<div class="center">
		<h1 class="logo">瓢城旅行社</h1>
		<nav class="link">
			<h2 class="none">网站导航</h2>
			<ul>
				<li class="active"><a href="index.html">首页</a></li>
				<li><a href="information.html"><span class="xs-hidden">旅游</span>资讯</a></li>
				<li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li>
				<li class="xs-hidden"><a href="scenery.html">风景欣赏</a></li>
				<li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li>
			</ul>
		</nav>
	</div>
</header>

<div id="adver">
	<img src="img/adver.jpg" alt="">
	<div class="center"></div>
	<div class="center copy">
		<input type="text" class="search" placeholder="请输入旅游景点或城市">
		<button class="button">搜索</button>
	</div>
</div>

<div id="tour">
	<section class="center">
		<h2>热门旅游</h2>
		<p>国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
	</section>
	<figure>
		<img src="img/tour1.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
			</div>
			<div class="info">
				<em class="sat">满意度 77%</em>
				<span class="price">¥ <strong>2864</strong> 起</span>
			</div>
			<div class="type">国内长线</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour2.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;马尔代夫双鱼岛Olhuveli4晚6日自助游&gt;</strong> 上海出发，机+酒 包含:早晚餐+快艇
			</div>
			<div class="info">
				<em class="sat">满意度 97%</em>
				<span class="price">¥ <strong>8039</strong> 起</span>
			</div>
			<div class="type">出境长线</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour3.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;海南双飞5日游&gt;</strong> 含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送
			</div>
			<div class="info">
				<em class="sat">满意度 90%</em>
				<span class="price">¥ <strong>2709</strong> 起</span>
			</div>
			<div class="type">自助旅游</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour4.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;富山-大阪-东京8日游&gt;</strong> 暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物
			</div>
			<div class="info">
				<em class="sat">满意度 97%</em>
				<span class="price">¥ <strong>9499</strong> 起</span>
			</div>
			<div class="type">自助旅游</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour5.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;法瑞意德12日游&gt;</strong> 4至5星，金色列车，少女峰，部分THE MALL
			</div>
			<div class="info">
				<em class="sat">满意度 97%</em>
				<span class="price">¥ <strong>9199</strong> 起</span>
			</div>
			<div class="type">国内短线</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour6.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;巴厘岛6日半自助游&gt;</strong> 蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩
			</div>
			<div class="info">
				<em class="sat">满意度 95%</em>
				<span class="price">¥ <strong>6488</strong> 起</span>
			</div>
			<div class="type">出境长线</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour7.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;塞舌尔迪拜9日自助游&gt;</strong> 一游两国，4晚塞舌尔，2晚迪拜，香港EK往返
			</div>
			<div>
				<em class="sat">满意度 100%</em>
				<span class="price">¥ <strong>9669</strong> 起</span>
			</div>
			<div class="type">游轮观光</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour8.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;花样姐姐土耳其9日或10日游&gt;</strong> 最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾
			</div>
			<div class="info">
				<em class="sat">满意度 93%</em>
				<span class="price">¥ <strong>9999</strong> 起</span>
			</div>
			<div class="type">出境长线</div>
		</figcaption>
	</figure>
	<figure>
		<img src="img/tour9.jpg" alt="热门旅游">
		<figcaption>
			<div class="tour_title">
				<strong class="title">&lt;大阪-京都-箱根双飞6日游&gt;</strong> 盐城直飞，不走回头路，境外无自费，超值之旅
			</div>
			<div class="info">
				<em class="sat">满意度 100%</em>
				<span class="price">¥ <strong>5284</strong> 起</span>
			</div>
			<div class="type">国内短线</div>
		</figcaption>
	</figure>
</div>

<footer id="footer">
	<div class="top sm-hidden">
		<div class="block left">
			<h2>合作伙伴</h2>
			<hr>
			<ul>
				<li>途牛旅游网</li>
				<li>驴妈妈旅游网</li>
				<li>携程旅游</li>
				<li>中国青年旅行社</li>
			</ul>
		</div>
		<div class="block center">
			<h2>旅游FAQ</h2>
			<hr>
			<ul>
				<li>旅游合同签订方式？</li>
				<li>儿童价是基于什么制定的？</li>
				<li>旅游的线路品质怎么界定的？</li>
				<li>单房差是什么？</li>
				<li>旅游保险有那些种类？</li>
			</ul>
		</div>
		<div class="block right">
			<h2>联系方式</h2>
			<hr>
			<ul>
				<li>微博：weibo.com/ycku</li>
				<li>邮件：ycku@ycku.com</li>
				<li>地址：江苏盐城无名路123号</li>
			</ul>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="version sm-visible">
		客户端 | 触屏版 | 电脑版
	</div>
	<div class="bottom">
		Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号<span class="sm-hidden"> | 旅行社经营许可证：L-YC-BK12345</span>
	</div>
</footer>
	
</body>
</html>